<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 1.图片标签 src属性链接到图片的地址 alt图片加载失败文字说明 
        width和height也是图片的特有属性，只需要设置其中一个，另一个会自适应  
    -->
    <img width="150px" src="../音视频/6.jpg" alt="图片加载失败文字说明">
    <img width="150px" src="https://ts1.tc.mm.bing.net/th/id/R-C.8bbf769b39bb26eefb9b6de51c23851d?rik=crTnc5i8A%2b8p7A&riu=http%3a%2f%2fpicview.iituku.com%2fcontentm%2fzhuanji%2fimg%2f202207%2f09%2fe7196ac159f7cf2b.jpg%2fnu&ehk=DYPLVpoNAXLj5qzwgR5vHf9DladFh%2b34s4UcuP3Kn6E%3d&risl=&pid=ImgRaw&r=0">
    <!-- 2.音频标签
        controls 控制条
        autoplay 自动播放
        loop 循环播放
        muted 静音播放
        width、height和poster属性不可用
    -->
    <audio src="../音视频/1.mp3" controls autoplay loop muted></audio>
    <!-- 3.视频标签 
        controls 控制条
        width 宽度
        height 高度
        autoplay 自动播放
        loop 循环播放
        muted 静音播放
        poster 设置封面
    -->
    <video width="400px" poster="../音视频/6.jpg" src="../音视频/1.mp4" controls autoplay loop muted></video>
</body>
</html>